
.custom-card{
    width: 100%!important;
    border-radius: 8px !important;

}

.custom-card .arco-card-header{
    border-bottom: unset !important;
}

.custom-card .arco-card-header .arco-card-header-title{
    font-size: 18px !important;
    font-weight: 600 !important;
    font-family: var(--font-serif, sans-serif), serif;
}


.echarts-tooltip-diy {
    background: linear-gradient(
        304.17deg,
        rgba(253, 254, 255, 0.6) -6.04%,
        rgba(244, 247, 252, 0.6) 85.2%
    ) !important;
    border: none !important;
    backdrop-filter: blur(10px) !important;
    /* Note: backdrop-filter has minimal browser support */

    border-radius: 6px !important;
    .content-panel {
        display: flex;
        justify-content: space-between;
        padding: 0 9px;
        background: rgba(255, 255, 255, 0.8);
        width: 164px;
        height: 32px;
        line-height: 32px;
        box-shadow: 6px 0px 20px rgba(34, 87, 188, 0.1);
        border-radius: 4px;
        margin-bottom: 4px;
    }
    .tooltip-title {
        margin: 0 0 10px 0;
    }
    p {
        margin: 0;
    }
    .tooltip-title,
    .tooltip-value {
        font-size: 13px;
        line-height: 15px;
        display: flex;
        align-items: center;
        text-align: right;
        color: #1d2129;
        font-weight: bold;
    }
    .tooltip-item-icon {
        display: inline-block;
        margin-right: 8px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }
}
